<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="utf-8">
    <title>Data Bind: ng-bind</title>
    <script type="text/javascript" src="../angular.js"></script>
</head>
<body ng-init="mult=0;multee=0">
    <!-- ng-bind 指令
        实现作用域到视图的单向数据绑定，可用于向界面中输出作用域中的数据。和表达式功能类似。
    使用：a.作为属性：ng-bind="uname"
         b.作为class：class="ng-bind:uname"
        较表达式功能的优点：在网络条件不好的时候，AngularJS加载缓慢，浏览器会直接把AngularJS
    表达式当作字符串渲染到页面中，会造成用户体验不好。使用ng-bind时，如果AngularJS没有加载完毕是
    不会解析执行的，只有AngularJS加载完毕才会执行。当我们需要作运算或者过滤时，必须使用表达式。
-->
    <div>用户名：<input type="text" ng-model="uname" /></div>
    <div ng-bind="uname"></div>
    <div class="ng-bind:uname"></div>
    <br/>
    <div>简单运算处理：</div>
    <div>乘数：<input type="number" ng-model="mult" /></div>
    <div>被乘数：<input type="number" ng-model="multee" /></div>
    <div>运算结果：{{mult*multee}}</div>
</body>
</html>